Name the different lifecycle methods along with phases in which they are called.
lifecycle methods in class components are used to control the behaviour of components during different phases of their lifecycle. However, with the introduction of React Hooks and the Fiber architecture, the concept of lifecycle methods has evolved.
Mounting Phase:
constructor
static getDerivedStateFromProps
render()
componentDidMount()
UNSAFE_componentWillMount()
Updating Phase:
static getDerivedStateFromProps()
shouldComponentUpdate()
render()
getSnapshotBeforeUpdate()
componentDidUpdate()
UNSAFE_componentWillUpdate()
UNSAFE_componentWillReceiveProps()
Unmounting Phase:
componentWillUnmount()
Error Handling Phase:
static getDerivedStateFromError()
componentDidCatch()